/*
 * 部件样式变量名
 */
// 表单变量名
// 表单外边距
$form-margin: 0;
// 表单内边距
$form-padding: 0;
// 表单边框
$form-border: none;
// 表单颜色
$form-color: var(--ion-text-color, #000);
// 表单背景色
$form-background: var(--ion-background-color, #fff);
// 表单分组外边距
$form-group-margin: 0;
// 表单分组内边距
$form-group-padding: 0;
// 表单分组边框
$form-group-border: none;
// 表单分组颜色
$form-group-color: var(--ion-text-color, #000);
// 表单分组背景色
$form-group-background: var(--ion-background-color, #fff);
// 表单分组头颜色
$form-group-header-color: var(--ion-color-step-850, #262626);
// 表单分组头背景色
$form-group-header-background: var(--ion-color-step-100, #e6e6e6);
// 表单分组图标内边距
$form-group-icon-padding: 0 0.08rem 0 0;
// 表单分组标题字号
$form-group-title-font-size: $list-title-font-size;
// 表单分组标题行高
$form-group-title-line-height: $list-title-line-height;
// 表单分组界面行为右边缘
$form-group-action-right: 0.2rem;
// 表单分组界面行为字号
$form-group-action-font-size: $text-font-size;
// 表单分组界面行为行高
$form-group-action-line-height: $text-line-height;
// 表单分组界面行为颜色
$form-group-action-color: var(--ion-color-primary);
// 表单分组界面行为项外边距
$form-group-action-item-margin: 0 0.1rem 0 0;
// 表单项外边距
$form-item-margin: 0;
// 表单项内边距
$form-item-padding: 0;
// 表单项边框
$form-item-border: none;
// 表单项颜色
$form-item-color: var(--ion-item-color, var(--ion-text-color, #000));
// 表单项背景色
$form-item-background: var(--ion-item-background, var(--ion-background-color, #fff));
// 表单项禁用颜色
$form-item-disabled-color: var(--ion-item-color, var(--ion-text-color, #000));
// 表单项禁用背景色
$form-item-disabled-background: var(--ion-item-background, var(--ion-background-color, #fff));
// 表单项激活颜色
$form-item-active-color: var(--ion-item-color, var(--ion-text-color, #000));
// 表单项激活背景色
$form-item-active-background: var(--ion-color-step-50);
// 表单项标签字号
$form-item-label-font-size: $text-font-size;
// 表单项标签行高
$form-item-label-line-height: $text-line-height;
// 表单项必填色
$form-item-required-color: var(--ion-color-danger);
// 表单项错误提示字号
$form-item-error-font-size: $tooltip-font-size;
// 表单项错误提示行高
$form-item-error-line-height: $tooltip-line-height;
// 表单项错误提示色
$form-item-error-color: var(--ion-color-danger);
// 表单项错误提示右边缘
$form-item-error-right: 0.24rem;
// 表单项错误提示下边缘
$form-item-error-bottom: 0;
// 表单项编辑器内边距
$form-item-editor-padding: 0.06rem 0;
// 表单项时间选择编辑器内边距
$form-item-date-editor-padding: 0.16rem 0.2rem 0.16rem 0;
// 表单分页外边距
$form-page-margin: 0;
// 表单分页内边距
$form-page-padding: 0;
// 表单分页边框
$form-page-border: none;
// 表单分页颜色
$form-page-color: var(--ion-text-color, #000);
// 表单分页背景色
$form-page-background: var(--ion-background-color, #fff);
// 表单关系界面外边距
$form-druipart-margin: 0;
// 表单关系界面内边距
$form-druipart-padding: 0;
// 表单关系界面边框
$form-druipart-border: none;
// 表单按钮外边距
$form-button-margin: 0;
// 表单按钮内边距
$form-button-padding: 0;
// 表单按钮边框
$form-button-border: none;

// 图表变量名
// 图表外边距
$chart-margin: 0;
// 图表内边距
$chart-padding: 0.2rem 0;
// 日历边框
$chart-border: none;
// 图表高度
$chart-height: get-calc-height(0.4rem);

// 数据看板变量名
// 数据看板外边距
$dashboard-margin: 0;
// 数据看板内边距
$dashboard-padding: 0;
// 数据看板边框
$dashboard-border: none;
// 数据看板定制外边距
$dashboard-customized-margin: 0 0.2rem;
// 数据看板定制字号
$dashboard-customized-font-size: $view-info-font-size;
// 数据看板定制行高
$dashboard-customized-line-height: $view-info-line-height;
// 数据看板定制颜色
$dashboard-customized-color: var(--ion-tab-bar-color);
// 数据看板定制图标内边距
$dashboard-customized-icon-padding: 0 0 0 0.1rem;

// 多数据部件变量名
// 多数据部件外边距
$mdctrl-margin: 0;
// 多数据部件内边距
$mdctrl-padding: 0;
// 多数据部件边框
$mdctrl-border: none;
// 多数据部件图标视图样式无分组内边距
$mdctrl-iconview-nogroup-padding: 0.2rem;
// 多数据部件图标视图样式分组内边距
$mdctrl-iconview-group-padding: 0.2rem;
// 多数据部件图标视图样式分组标题外边距
$mdctrl-iconview-group-title-margin: 0 0 0.2rem 0;
// 多数据部件图标视图样式分组标题字号
$mdctrl-iconview-group-title-font-size: $list-title-font-size;
// 多数据部件图标视图样式分组标题行高
$mdctrl-iconview-group-title-line-height: $list-title-line-height;
// 多数据部件图标视图样式图标项宽度
$mdctrl-iconview-icon-item-width: 20%;
// 多数据部件图标视图样式图标项外边距
$mdctrl-iconview-icon-item-margin: 0 0 0.2rem 0;

// 多编辑视图面板变量名
// 多编辑视图面板外边距
$multieditviewpanel-margin: 0;
// 多编辑视图面板内边距
$multieditviewpanel-padding: 0;
// 多编辑视图面板边框
$multieditviewpanel-border: none;
// 多编辑视图面板上分页样式高度
$multieditviewpanel-tabtop-height: get-calc-height(0.64rem);
// 多编辑视图面板上分页样式内容区高度
$multieditviewpanel-tabtop-content-height: get-calc-height(0.72rem);
// 多编辑视图面板上分页样式内容区外边距
$multieditviewpanel-tabtop-content-margin: 0.08rem 0 0 0;
// 多编辑视图面板添加图标内边距
$meditviewpanel-add-icon-padding: 0 0.2rem 0 0;
// 多编辑视图面板添加图标位置
$meditviewpanel-add-icon-align: right;
// 多编辑视图面板添加图标大小
$meditviewpanel-add-icon-font-size: 0.5rem;

// 门户部件变量名
// 门户部件外边距
$portlet-margin: 0.16rem 0.12rem;
// 门户部件内边距
$portlet-padding: 0;
// 门户部件边框
$portlet-border: none;
// 门户部件头高度
$portlet-header-height: 0.8rem;
// 门户部件头字号
$portlet-header-font-size: $list-title-font-size;
// 门户部件头行高
$portlet-header-line-height: $list-title-line-height;
// 门户部件字号
$portlet-font-size: $text-font-size;
// 门户部件行高
$portlet-line-height: $text-line-height;
// 门户部件头内边距
$portlet-header-padding: 0.16rem;
// 门户部件头部行为位置
$portlet-header-action-right: 0.3rem;
$portlet-header-action-top: 0.16rem;
// 门户部件头部行为图标大小
$portlet-header-action-icon-font-size: $list-title-font-size;
// 门户部件头部行为图标颜色
$portlet-header-action-icon-color: var(--ion-color-primary);
// 门户部件内容区高度
$portlet-content-height: get-calc-height(0.8rem);
// 门户部件内容区内边距
$portlet-content-padding: 0 0.16rem 0.16rem 0.16rem;

// 分页导航面板变量名
// 分页导航面板外边距
$tabexppanel-margin: 0;
// 分页导航面板内边距
$tabexppanel-padding: 0;
// 分页导航面板边框
$tabexppanel-border: none;
// 分页导航面板图标位置
$tabexppanel-icon-transform: translate(-0.08rem, 0.02rem);
// 分页导航面板计数器位置
$tabexppanel-badge-transform: translate(0.08rem, 0.08rem);
// 分页导航面板中视图面板高度
$tabexppanel-tabviewpanel-height: get-calc-height(0.64rem);

// 树视图变量名
// 树视图外边距
$tree-margin: 0;
// 树视图内边距
$tree-padding: 0;
// 树视图边框
$tree-border: none;
// 树视图导航内边距
$tree-nav-padding: 0 0 0 0.28rem;
// 树视图导航颜色
$tree-nav-color: var(--ion-tab-bar-color);
// 树视图导航字号
$tree-nav-font-size: $list-title-font-size;
// 树视图导航行高
$tree-nav-line-height: $list-title-line-height;
// 树视图变外边距
$tree-nav-margin: 0 0 0.2rem 0;
// 树视图导航激活色
$tree-nav-active-color: var(--ion-tab-bar-color-selected);
// 树视图导航分隔符内边距
$tree-nav-separator-padding: 0 0.06rem;
// 树视图导航分隔符颜色
$tree-nav-separator-color: var(--ion-tab-bar-color);
// 树视图树节点图标内边距
$tree-node-icon-padding: 0 0.08rem 0 0;
// 树视图树节点图标位置
$tree-node-icon-transform: translate(0, 0.04rem);
// 树视图上分割区高度
$tree-top-partition-height: 0.16rem;
// 树视图上分割区颜色
$tree-top-partition-color: var(--ion-color-step-900);
// 树视图下分割区高度
$tree-bottom-partition-height: 0.32rem;
// 树视图下分割区颜色
$tree-bottom-partition-color: var(--ion-color-step-900);
// 树视图项字号
$tree-item-font-size: $text-font-size;
// 树视图项行高
$tree-item-line-height: $text-line-height;
// 选择树视图项图片大小
$tree-item-img-width: 0.6rem;
$tree-item-img-height: 0.6rem;
// 选择树视图项图片外边距
$tree-item-img-margin: 0 0.2rem 0 0;
// 选择树视图项图片倒角
$tree-item-img-radius: 0.08rem;
// 选择树视图项文本图标大小
$tree-item-text-icon-width: 0.6rem;
$tree-item-text-icon-height: 0.6rem;
// 选择树视图项文本图标外边距
$tree-item-text-icon-margin: 0 0.2rem 0 0;
// 选择树视图项文本图标行高
$tree-item-text-icon-line-height: 0.6rem;
// 选择树视图项文本图标颜色
$tree-item-text-icon-color: var(--ion-text-color, #000);
// 选择树视图项文本图标背景色
$tree-item-text-icon-background: var(--ion-color-step-750);
// 选择树视图项文本图标倒角
$tree-item-text-icon-radius: 0.08rem;

// 日历变量名
// 日历外边距
$calendar-margin: 0;
// 日历内边距
$calendar-padding: 0;
// 日历颜色
$calendar-color: var(--ion-text-color, #000);
// 日历背景色
$calendar-background: var(--ion-background-color, #fff);
// 日历边框
$calendar-border: none;
// 日历阴影
$calender-shadow: 0 0.08rem 0.16rem var(--ion-box-shadow-color);
// 日历事程容器边框
$calender-event-container-border: solid 0.02rem var(--ion-border-colo);
// 日历事程容器内边距
$calender-event-container-padding: 0.2rem;
// 日历事程容器外边距
$calender-event-container-margin: 0 0 0.1rem 0;
// 日历事程容器倒角
$calender-event-container-radius: 0.08rem;
// 日历事程容器颜色
$calender-event-container-color: var(--ion-text-color, #000);
// 日历事程项内边距
$calender-event-item-padding: 0.1rem 0;
// 日历事程项图标位置
$calender-event-item-icon-transform: translate(0, 0.16rem);
// 日历事程项文本区内边距
$calender-event-item-text-padding: 0 0.24rem;
// 日历事程项多选最小宽度
$calender-event-item-checkbox-minwidth: 0.5rem;
// 日历事程项多选外边距
$calender-event-item-checkbox-margin: 0 0.2rem 0 0;

// 工具栏变量名
// 工具栏外边距
$toolbar-margin: 0;
// 工具栏内边距
$toolbar-padding: 0;
// 工具栏边框
$toolbar-border: none;
// 工具栏字号
$toolbar-font-size: $view-info-font-size;
// 工具栏行高
$toolbar-line-height: $view-info-line-height;
// 工具栏颜色
$toolbar-color: var(--ion-color-primary);

// 分页视图面板变量名
// 分页视图面板外边距
$tabviewpanel-margin: 0;
// 分页视图面板内边距
$tabviewpanel-padding: 0;
// 分页视图面板边框
$tabviewpanel-border: none;

// 搜索表单变量名
// 搜索表单外边距
$searchform-margin: 0;
// 搜索表单内边距
$searchform-padding: 0;
// 搜索表单边框
$searchform-border: none;
// 搜索表单颜色
$searchform-color: var(--ion-text-color, #000);
// 搜索表单背景色
$searchform-background: var(--ion-background-color, #fff);
// 搜索表单分组外边距
$searchform-group-margin: 0;
// 搜索表单分组内边距
$searchform-group-padding: 0;
// 搜索表单分组边框
$searchform-group-border: none;
// 搜索表单分组颜色
$searchform-group-color: var(--ion-text-color, #000);
// 搜索表单分组背景色
$searchform-group-background: var(--ion-background-color, #fff);
// 搜索表单分组头颜色
$searchform-group-header-color: var(--ion-color-step-850, #262626);
// 搜索表单分组头背景色
$searchform-group-header-background: var(--ion-color-step-100, #e6e6e6);
// 搜索表单分组图标内边距
$searchform-group-icon-padding: 0 0.08rem 0 0;
// 搜索表单分组标题字号
$searchform-group-title-font-size: $list-title-font-size;
// 搜索表单分组标题行高
$searchform-group-title-line-height: $list-title-line-height;
// 搜索表单分组界面行为右边缘
$searchform-group-action-right: 0.2rem;
// 搜索表单分组界面行为字号
$searchform-group-action-font-size: $text-font-size;
// 搜索表单分组界面行为行高
$searchform-group-action-line-height: $text-line-height;
// 搜索表单分组界面行为颜色
$searchform-group-action-color: var(--ion-color-primary);
// 搜索表单分组界面行为项外边距
$searchform-group-action-item-margin: 0 0.1rem 0 0;
// 搜索表单项外边距
$searchform-item-margin: 0;
// 搜索表单项内边距
$searchform-item-padding: 0;
// 搜索表单项边框
$searchform-item-border: none;
// 搜索表单项颜色
$searchform-item-color: var(--ion-item-color, var(--ion-text-color, #000));
// 搜索表单项背景色
$searchform-item-background: var(--ion-item-background, var(--ion-background-color, #fff));
// 搜索表单项禁用颜色
$searchform-item-disabled-color: var(--ion-item-color, var(--ion-text-color, #000));
// 搜索表单项禁用背景色
$searchform-item-disabled-background: var(--ion-item-background, var(--ion-background-color, #fff));
// 搜索表单项激活颜色
$searchform-item-active-color: var(--ion-item-color, var(--ion-text-color, #000));
// 搜索表单项激活背景色
$searchform-item-active-background: var(--ion-color-step-50);
// 搜索表单项标签字号
$searchform-item-label-font-size: $text-font-size;
// 搜索表单项标签行高
$searchform-item-label-line-height: $text-line-height;
// 搜索表单项必填色
$searchform-item-required-color: var(--ion-color-danger);
// 搜索表单项错误提示字号
$searchform-item-error-font-size: $tooltip-font-size;
// 搜索表单项错误提示行高
$searchform-item-error-line-height: $tooltip-line-height;
// 搜索表单项错误提示色
$searchform-item-error-color: var(--ion-color-danger);
// 搜索表单项错误提示右边缘
$searchform-item-error-right: 0.24rem;
// 搜索表单项错误提示下边缘
$searchform-item-error-bottom: 0;
// 搜索表单项编辑器内边距
$searchform-item-editor-padding: 0.06rem 0;
// 搜索表单项时间选择编辑器内边距
$searchform-item-date-editor-padding: 0.16rem 0.2rem 0.16rem 0;
// 搜索表单分页外边距
$searchform-page-margin: 0;
// 搜索表单分页内边距
$searchform-page-padding: 0;
// 搜索表单分页边框
$searchform-page-border: none;
// 搜索表单分页颜色
$searchform-page-color: var(--ion-text-color, #000);
// 搜索表单分页背景色
$searchform-page-background: var(--ion-background-color, #fff);

// 快速搜索表单变量名
// 快速搜索表单外边距
$quicksearchform-margin: 0;
// 快速搜索表单内边距
$quicksearchform-padding: 0;
// 快速搜索表单边框
$quicksearchform-border: none;
// 快速搜索表单颜色
$quicksearchform-color: var(--ion-text-color, #000);
// 快速搜索表单背景色
$quicksearchform-background: var(--ion-background-color, #fff);
// 快速搜索表单分组外边距
$quicksearchform-group-margin: 0;
// 快速搜索表单分组内边距
$quicksearchform-group-padding: 0;
// 快速搜索表单分组边框
$quicksearchform-group-border: none;
// 快速搜索表单分组颜色
$quicksearchform-group-color: var(--ion-text-color, #000);
// 快速搜索表单分组背景色
$quicksearchform-group-background: var(--ion-background-color, #fff);
// 快速搜索表单分组头颜色
$quicksearchform-group-header-color: var(--ion-color-step-850, #262626);
// 快速搜索表单分组头背景色
$quicksearchform-group-header-background: var(--ion-color-step-100, #e6e6e6);
// 快速搜索表单分组图标内边距
$quicksearchform-group-icon-padding: 0 0.08rem 0 0;
// 快速搜索表单分组标题字号
$quicksearchform-group-title-font-size: $list-title-font-size;
// 快速搜索表单分组标题行高
$quicksearchform-group-title-line-height: $list-title-line-height;
// 快速搜索表单分组界面行为右边缘
$quicksearchform-group-action-right: 0.2rem;
// 快速搜索表单分组界面行为字号
$quicksearchform-group-action-font-size: $text-font-size;
// 快速搜索表单分组界面行为行高
$quicksearchform-group-action-line-height: $text-line-height;
// 快速搜索表单分组界面行为颜色
$quicksearchform-group-action-color: var(--ion-color-primary);
// 快速搜索表单分组界面行为项外边距
$quicksearchform-group-action-item-margin: 0 0.1rem 0 0;
// 快速搜索表单项外边距
$quicksearchform-item-margin: 0;
// 快速搜索表单项内边距
$quicksearchform-item-padding: 0;
// 快速搜索表单项边框
$quicksearchform-item-border: none;
// 快速搜索表单项颜色
$quicksearchform-item-color: var(--ion-item-color, var(--ion-text-color, #000));
// 快速搜索表单项背景色
$quicksearchform-item-background: var(--ion-item-background, var(--ion-background-color, #fff));
// 快速搜索表单项禁用颜色
$quicksearchform-item-disabled-color: var(--ion-item-color, var(--ion-text-color, #000));
// 快速搜索表单项禁用背景色
$quicksearchform-item-disabled-background: var(--ion-item-background, var(--ion-background-color, #fff));
// 快速搜索表单项激活颜色
$quicksearchform-item-active-color: var(--ion-item-color, var(--ion-text-color, #000));
// 快速搜索表单项激活背景色
$quicksearchform-item-active-background: var(--ion-color-step-50);
// 快速搜索表单项标签字号
$quicksearchform-item-label-font-size: $text-font-size;
// 快速搜索表单项标签行高
$quicksearchform-item-label-line-height: $text-line-height;
// 快速搜索表单项必填色
$quicksearchform-item-required-color: var(--ion-color-danger);
// 快速搜索表单项错误提示字号
$quicksearchform-item-error-font-size: $tooltip-font-size;
// 快速搜索表单项错误提示行高
$quicksearchform-item-error-line-height: $tooltip-line-height;
// 快速搜索表单项错误提示色
$quicksearchform-item-error-color: var(--ion-color-danger);
// 快速搜索表单项错误提示右边缘
$quicksearchform-item-error-right: 0.24rem;
// 快速搜索表单项错误提示下边缘
$quicksearchform-item-error-bottom: 0;
// 快速搜索表单项编辑器内边距
$quicksearchform-item-editor-padding: 0.06rem 0;
// 快速搜索表单项时间选择编辑器内边距
$quicksearchform-item-date-editor-padding: 0.16rem 0.2rem 0.16rem 0;
// 快速搜索表单分页外边距
$quicksearchform-page-margin: 0;
// 快速搜索表单分页内边距
$quicksearchform-page-padding: 0;
// 快速搜索表单分页边框
$quicksearchform-page-border: none;
// 快速搜索表单分页颜色
$quicksearchform-page-color: var(--ion-text-color, #000);
// 快速搜索表单分页背景色
$quicksearchform-page-background: var(--ion-background-color, #fff);

// 选择视图面板变量名
// 选择视图面板外边距
$pickupviewpanel-margin: 0;
// 选择视图面板内边距
$pickupviewpanel-padding: 0;
// 选择视图面板边框
$pickupviewpanel-border: none;

// 面板变量名
// 面板外边距
$panel-margin: 0;
// 面板内边距
$panel-padding: 0;
// 面板边框
$panel-border: none;

// 菜单变量名
// 菜单外边距
$appmenu-margin: 0;
// 菜单内边距
$appmenu-padding: 0;
// 菜单边框
$appmenu-border: none;
